<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css浮动属性设置</title>
<style type="text/css">
	.f{
		float:left;
		width:100px;
		height:20px;
		text-align:center;
		font-size:40px;
		color:gray;
	}
	.n{
		clear:both;
		width:100px;
		height:20px;
		text-align:center;
		font-size:40px;
		color:gray;
	}
</style>
</head>
<body>
	<div class="f" >浮动属性</div>
	<p>允许网页设计者将文本浮动在一个元素的周围。</p>
	<p>允许网页设计者将文本浮动在一个元素的周围。</p>
	<p>允许网页设计者将文本浮动在一个元素的周围。</p>
	<div class="n" >清除浮动</div>
	<p>允许网页设计者将文本浮动在一个元素的周围。</p>
	<p>允许网页设计者将文本浮动在一个元素的周围。</p>
	<p>允许网页设计者将文本浮动在一个元素的周围。</p>
</body>
</html>